<#include "/component/datetime.html" />
<script type="text/javascript" src="${basePath}/js/grading/grading.js"></script>
<script>
	$(document).ready(function(){
		//$('#form1').ajaxpager({target:'#list'});
		grading.init();
	});
</script>
<!-- 分级存储页面index -->
<div class="fe-index">
	<input type="hidden" id="parentId" value="" />
    <!-- “分级存储”标题 -->
    <div class="row">
        <div class="col-lg-12">
            <div class="fj-title"><h3>${title}</h3></div>
        </div>
    </div>
    <!-- “分级存储”标题end -->
    <!-- “分级存储”标题下的内容 -->
    <div class="row fj-margint" >
        <!-- 左侧内容 -->
        <div class="col-lg-4" >
            <div class="ibox">
                <!-- 按钮组和下拉框 -->
                <div class="ibox-title fj-angroup">
                    <ul>
                        <li><button class="btn btn-primary btn-xs" id="add"><@spring.message code='button.new'/></button></li>
                        <li><button class="btn btn-primary btn-xs" id="sync"><@spring.message code='lun.synchronize'/></button></li>
                        <li><button class="btn btn-primary btn-xs" id="submit" <#if !rule.isDraft>style="display: none;"</#if>><@spring.message code='button.submit'/></button></li>
                        <li><button class="btn btn-primary btn-xs" id="deleteRule" <#if !rule.isDraft>style="display: none;"</#if>><@spring.message code='button.remove'/></button></li>
                        <li class="pull-right" style="margin-right: 6px;">
                            <select  class="form-control" id="ruleId">
                            	<#if ruleList??>
								<#list ruleList as item>
									<option value="${item.id!}" data="${item.isDraft?string(1,0)}">${item.name!}</option>
								</#list>
								</#if>
                            </select>
                        </li>
                    </ul>
                </div>
                <!-- 按钮和下拉框end -->
                <!-- 树 -->
                <div class="ibox-content fj-blog">
                	<ul id="tree"></ul>
                </div>
                <!-- 树end -->
            </div>
        </div>
        <!-- 左侧内容end -->
        <!-- 右侧输入及展示内容 -->
        <div class="col-lg-8 " id="info">
            <#include "/cluster/grading/edit.html" />
        </div>
        <!-- 右侧输入及展示内容end -->
    </div>
    <!-- “分级存储”标题下的内容end -->
</div>
<!-- 右侧内容处end -->
